import React from 'react';
import { Row, Col, Tabs } from 'antd';
import PropTypes from 'prop-types';
import Slider from './slider';
import PCNewsModule from './pc_newsmodule';
import PCNewsImgModule from './pc_news_imgmodule';
import PCVideo from './pc_video';
import Weather from './weathcer/index';

class PCNewsContainer extends React.Component {
  constructor() {
    super();
    this.state = {
      topNews: '',
    }
  }
  componentDidMount() {
  }
  render() {
    const { TabPane } = Tabs
    return (
      <div className="pc-newscontainer">
        <Row className="top">
          <Col span={8}>
            <Slider type="新闻" count="5" />
            <PCNewsImgModule type="科技" count="9" title="最新科技" rowCount="3" />
            <PCNewsImgModule type="NBA" count="6" title="NBA最前线" rowCount="3" />
          </Col>

          <Col span={16}>
            <Row>
              <Col span={12}>
                <Tabs defaultActiveKey={this.props.current}>
                  <TabPane tab="头条" key="头条">
                    <PCNewsModule type="头条" count="30" />
                  </TabPane>
                  <TabPane tab="体育" key="体育">
                    <PCNewsModule type="体育" count="30" />
                  </TabPane>
                  <TabPane tab="军事" key="军事">
                    <PCNewsModule type="军事" count="30" />
                  </TabPane>
                  <TabPane tab="NBA" key="NBA">
                    <PCNewsModule type="NBA" count="30" />
                  </TabPane>
                </Tabs>
              </Col>
              <Col span={1} />
              <Col span={11}>
                <Weather />
                <PCVideo />
              </Col>
            </Row>
            <Row>
              <PCNewsImgModule type="财经" count="6" title="财经速递" rowCount="6" />
              <PCNewsImgModule type="健康" count="6" title="健康生活" rowCount="6" />
            </Row>
          </Col>
        </Row>
        <Row className="mid">
          <PCNewsImgModule type="娱乐" count="20" title="娱乐圈的那点事" rowCount="8" />
        </Row>
      </div>
    )
  }
}
export default PCNewsContainer;

PCNewsContainer.propTypes = {
  current: PropTypes.string,
}
